html, body {
	min-height: 100%;
	height: 100%;
}
.boxed {
	position: relative;
	min-height: 100%;
	min-width: 1360px;
}
header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1360px;
	height: 60px;
	background-color: #fff;
}
.navbar-header {
	float: left;
	width: 200px;
	height: 60px;
	background-color: #32404d;
	font-weight: 300;
}
.navbar-header img {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
}
.navbar-header div {
	display: block;
	float: left;
	line-height: 60px;
	font-size: 20px;
	color: #fff;
}
.menu-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	color: #fff;
	background: #32404d
}
.menu-wrap span {
	color: #fff;
}
.menu-wrap a {
	display: block;
	padding: 12px 20px;
}
.menu-wrap a span {
	-webkit-transition: opacity 0.3s ease-in-out 0.3s;
	-o-transition: opacity 0.3s ease-in-out 0.3s;
	-moz-transition: opacity 0.3s ease-in-out 0.3s;
	-ms-transition: opacity 0.3s ease-in-out 0.3s;
	transition: opacity 0.3s ease-in-out 0.3s;
	opacity: 0.7;
}
.menu-wrap .ph {
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 0.7;
}
.down-list {
	-webkit-transition: opacity 0.3s ease-in-out 0.6s, transform 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out 0.6s, transform 0.3s ease-in-ou;
	-moz-transition: opacity 0.3s ease-in-out 0.6s, transform 0.3s ease-in-ou;
	-ms-transition: opacity 0.3s ease-in-out 0.6s, transform 0.3s ease-in-ou;
	opacity: 0.7;
	transform: rotate(0deg);
}
.menu-wrap .list-header {
	padding: 10px 15px;
	line-height: 18px;
	color: #848C93;
}
.ph {
	display: inline-block;
	width: 12px;
	height: 12px;
	padding-right: 10px;
	background: url("../images/ph.png") no-repeat center center;
	background-size: 90% auto;
}
.list-divider {
	margin: 5px 0;
	border-top: 1px solid rgba(0,0,0,0.1);
	background-color: transparent;
}
.op-list li {
	padding: 10px 20px 12px 53px;
	line-height: 18px;
	background-color: #2c3844;
	font-weight: 300;
	font-size: 14px;
}
.op-list {
	overflow: hidden;
	height: 0px;
	-webkit-transition: height 0.2s ease-in-out;
	-o-transition: height 0.2s ease-in-out;
	-moz-transition: height 0.2s ease-in-out;
	-ms-transition: height 0.2s ease-in-out;
	transition: height 0.2s ease-in-out;
}
.op-list a {
	padding: 0;
	color: #fff;
	font-weight: 300;
	opacity: 0.7;
	padding-left: 0;
	-webkit-transition: background-color 0.2s, padding-left 0.3s, box-shadow 0.4s;
	-o-transition: background-color 0.2s, padding-left 0.3s, box-shadow 0.4s;
	-moz-transition: background-color 0.2s, padding-left 0.3s, box-shadow 0.4s;
	-ms-transition: background-color 0.2s, padding-left 0.3s, box-shadow 0.4s;
	transition: background-color 0.2s, padding-left 0.3s, box-shadow 0.4s;
}
.down-list {
	float: right;
	width: 12px;
	height: 12px;
	background: url("../images/list-down.png") no-repeat center center;
	background-size: 100% 100%;
}
/* hover 动画效果书写 */
.menu-wrap a:hover .ph, .menu-wrap a:hover span, .menu-wrap a:hover .down-list {
	opacity: 1;
}
.op-list a:hover {
	opacity: 1;
	padding-left: 3px;
}
.active .op-list {
	height: 200px;
}
.menu-wrap .active-link, .menu-wrap .active-link span, .menu-wrap .active-link i {
	opacity: 1;
}
.content-container {
	padding: 24.5px 30px 30px 235px;
}
.info-con {
	width: 100%;
	background: #fff;
}
.active-link .down-list {
	transform: rotate(90deg);
}
.common-tit {
	position: relative;
	margin-bottom: 12px;
}
.common-tit h2 {
	line-height: 41px;
	font-size: 26px;
	text-indent: 1px;
}
.common-tit span {
	font-size: 12px;
	line-height: 30px;
	margin-left: 4px;
}
/* 下拉列表 */
.list-box, .single-box {
	float: left;
	position: relative;
	width: 198px;
	height: 22px;
}
.downbtn, .single-downbtn {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 22px;
	line-height: 20px;
	border: 1px solid #d5d7db;
	box-sizing:border-box;
	cursor: pointer;
}
.downbtn span, .single-downbtn span {
	float: left;
	overflow: hidden;
	white-space: nowrap;  
	text-overflow: ellipsis;
	max-width: 170px;
	text-indent: 8px;
	font-size: 12px;
	color: #333;
}
.downbtn em, .single-downbtn em {
	float: right;
	width: 20px;
	height: 20px;
	border-left: 1px solid #abadc1;
	background: url("../images/lid-down.png") no-repeat;
	background-size: 100% 100%;
}
.single-dropdown em {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 17px;
	height: 17px;
	background: url("../images/magnifier.png") no-repeat;
	background-size: 100% 100%;
}
.single-box .single-dropdown input {
	border: none;
	padding-left: 22px;
	width: 100%;
	box-sizing:border-box;
	background-color: #fafafc;
}
.list-box .dropdown-menu, .single-dropdown {
	overflow-y: auto;
	display: none;
	position: absolute;
	top: 22px;
	left: 0px;
	border: 1px solid #efefef;
	background-color: #fff;
	max-height: 184px;
	z-index: 100;
	-webkit-box-shadow:0 0 10px rgba(49, 48, 72, .14);  
	-moz-box-shadow:0 0 10px rgba(49, 48, 72, .14);  
	box-shadow:0 0 10px rgba(49, 48, 72, .14);
}
.dropdown-menu li, .single-dropdown li {
	min-width: 185px;
	padding: 0 6px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	cursor: pointer;
	white-space:nowrap; 
	margin: 0;
}
.single-box .single-dropdown li {
	margin: 0;
}
.dropdown-menu li:hover, .single-dropdown li:hover {
	background-color: #f2f3f8;
}
.list-box .menuopen, .single-box .menuopen {
	display: block;
}
.cho-tit {
	display: none;
}
.single-dropdown {
	min-height: 22px;
	min-width: 197px;
}
/* radio按钮 */
.ra-btn {
	float: left;
	position: relative;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: 1px solid #a6a8bc;
	background-color: #fff;
	cursor: pointer;
}
.ra-btn span {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 7px;
	margin-top: -3.5px;
	margin-left: -3.5px;
	border-radius: 50%;
	background-color: #4987fb;
}
.ra-checked span {
	display: block;
}
.p-radio {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.rad-sl .ra-btn {
	margin-top: 3px;
	margin-right: 4px;
}
/* 复选框 */
.sub-con {
	float: left;
}
.check {
	position: relative;
	width: 13px;
	height: 13px;
	border: 1px solid #a4a6bb;
	border-radius: 4px;
	background: #f5f6fa;
}
.ad-checked {
	border: 1px solid #4584ff;
	background-color: #4584ff;
}
.test-check {
	float: left;
	cursor: pointer;
	padding-top: 2.5px;
}
.check span {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13px;
	height: 13px;
	margin-top: -6.5px;
	margin-left: -6.5px;
	background: url("../images/check.png") no-repeat;
	background-size: 100% 100%;
}
.sub-con .ck {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
/* 员工详情  */
.cur-box {
	padding: 38.5px 70px 150px;
	background-color: #fff;
}
.course-box {
	padding: 38.5px 70px 50px;
	background-color: #fff;
	margin-bottom: 30px;
}
.cur-box input {
	outline: none;
	border: 1px solid #a4a6bc;
	height: 20px;
	line-height: 20px;
	text-indent: 8px;
	font-size: 12px;
}
.cur-box h3, .course-box h3 {
	position: relative;
	width: 100%;
	height: 36px;
	margin-bottom: 30px;
	border-bottom: 1px solid #545883;
}
.cur-box h3 span, .course-box h3 span {
	float: left;
	text-indent: 20px;
	line-height: 36px;
	font-size: 16px;
}
.course-box h3 i {
	float: left;
	text-indent: 20px;
	line-height: 36px;
	font-size: 16px;
}
.cur-box h3 em {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 36px;
	line-height: 46px;
	font-size: 24px;
	text-align: center;
	color: #ff5a60;
}
.add-staff {
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 200px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	background-color: #474564;
	cursor: pointer;
}
.cur-basic {
	padding-left: 41px;
}
.bas-list {
	float: left;
	width: 320px;
	height: 22px;
	margin-bottom: 20px;
}
.cb-box b, .ct-add b, .pro-box b, .bs-box b {
	display: none;
	font-size: 12px;
	line-height: 22px;
	color: #ff5a60;
	margin-left: 11px;
}
.ct-add b { 
	float: left;
}
.cb-box {
	margin-right: -90px;
}
.ba-cur {
	width: 198px;
}
.bas-m {
	padding-left: 6px;
	font-size: 12px;
}
.cur-b {
	padding-left: 49px;
}
.cur-con {
	float: left;
	width: 100%;
	margin-bottom: 24px;
}
.cur-setting h4 {
	float: left;
	position: relative;
	width: 75px;
	line-height: 22px;
}
.cur-setting h4 i {
	position: absolute;
	left: -20px;
	color: #ff5a60;
	height: 22px;
	line-height: 32px;
	width: 25px;
	font-size: 22px;
	text-align: center;
}
.ct em {
	float: left;
	margin-left: 10px;
	line-height: 22px;
}
.ct-box {
	float: left;
	width: 676px;
	margin-bottom: -15px;
}
.ct, .ct-write, .ct-add, .ctc {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.ctc, .ct-add {
	margin-bottom: 22px;
}
.curb-box {
	float: left;
}
.ctc em {
	float: left;
	margin-left: 10px;
	line-height: 22px;
}
.ct-write strong {
	width: 75px;
	margin-right: 50px;
}
.ct-write span, .ct-write em, .ct-write strong {
	float: left;
	line-height: 22px;
}
.ct-i, .ct-a {
	float: left;
	width: 98px;
}
.ct-i {
	margin-left: 50px;
}
.ct-b {
	width: 98px;
}
.ct i {
	float: left;
	margin-left: 10px;
	line-height: 22px;
	color: #cdcdcd;
}
.ctc b {
	float: left;
	padding: 0 10px;
	text-align: center;
	line-height: 22px;
}
.ctw {
	margin-right: 12px;
}
.cta-h {
	margin-left: 49px;
}
.cta-m {
	margin-left: 18px;
}
.cta-m, .cta-h {
	float: left;
	width: 48px;
}
.ct-add strong {
	float: left;
	margin-left: 6px;
	line-height: 22px;
}
.ct-add {
	padding-bottom: 30px;
	border-bottom: 1px solid #c8c7d4;
}
.ctl {
	border: none;
}
.date-ibox {
	float: left;
	width: 120px;
	height: 22px;
}
.period, .duration, .card {
	display: none;
}
.per-show, .dur-show, .card-show {
	display: block;
}
.private {
	line-height: 22px;
	display: none;
}
/* 添加删除按钮 */
.comm-del, .comm-add {
	float: right;
	position: relative;
	width: 70px;
	height: 22px;
	border-radius: 4px;
	line-height: 22px;
	text-align: center;
	background-color: #4a4769;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}
.not-ad {
	display: none;
	position: absolute;
	right: -130px;
	top: 0;
	width: 120px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #ff5a60;
}
/* 日历插件 */
.date-box {
	float: left;
	position: relative;
}
.preserve {
	width: 200px;
	height: 50px;
	margin: 8px auto 0;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background-color: #4a4868;
	cursor: pointer; 
}
/* 无标题列表类 */
.cur-list {
	padding: 50px 35px;
	background-color: #fff;
}
.cur-listbox .list-box {
	width: 128px;
	margin-right: 42px;
}
.cur-listbox .downbtn span {
	max-width: 100px;
}
.cur-listbox .dropdown-menu li {
	min-width: 116px;
}
.cur-ll {
	position: relative;
	margin-right: -50px;
	padding-bottom: 9px;
}
.cur-ll .list-box {
	margin-bottom: 16px;
}
.cur-serch {
	position: relative;
	padding-right: 210px;
}
.stlist-con {

}
.scrollbox {
	overflow: auto;
	padding-top: 9px;
	border-top: 1px solid #f0f0f0;
}
.curlist-con th {
	line-height: 48px;
	font-size: 16px;
	text-align: center;
}
/* 多选下拉框  */
.multiselect-box {
	float: left;
	position: relative;
	width: 198px;
	height: 22px;
}
.mul-downbtn {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 22px;
	line-height: 20px;
	border: 1px solid #a4a6bc;
	box-sizing:border-box;
	cursor: pointer;
}
.mul-downbtn span {
	float: left;
	overflow: hidden;
	white-space: nowrap;  
	text-overflow: ellipsis;
	max-width: 170px;
	text-indent: 8px;
	font-size: 12px;
	color: #333;
}
.mul-downbtn em {
	float: right;
	width: 20px;
	height: 20px;
	border-left: 1px solid #abadc1;
	background: url("../images/lid-down.png") no-repeat;
	background-size: 100% 100%;
}
.multiselect-down {
	display: none;
	position: absolute;
	top: 21px;
	left: 0px;
	border: 1px solid #a4a6bc;
	background-color: #fff;
	z-index: 100;
}
.multiselect-down ul {
	overflow-y: auto;
	max-height: 184px;
}
.multiselect-down li {
	/*text-align: center;*/
}
.multiselect-down li {
	position: relative;
	min-width: 150px;
	padding: 0 16px 0 30px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
	cursor: pointer;
	white-space:nowrap; 
	margin: 0;
}
.multiselect-down span {
	position: absolute;
	display: none;
	top: 0; 
	left: 6px;
}
.mul-select span {
	display: block;
	width: 23px;
	height: 23px;
	background: url("../images/mu-sel.png") no-repeat;
	background-size: 100% 100%;
}
.multiselect-down  li:hover {
	background-color: #f2f3f8;
}
.multiselect-box .menuopen {
	display: block;
}
.mul-btn {
	border-top: 1px solid #a4a6bc;
	padding: 10px 10px 10px 0;
	margin: 0 auto;
	min-width: 130px;
}
.mul-downbtn input {
	outline: none;
	border: none;
	height: 20px;
	line-height: 22px;
	padding-left: 5px;
	background-color: transparent;
}
.mul-confirm, .mul-cancel {
	width: 60px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background-color: #4a4769;
	border-radius: 4px;
	text-align: center;
	margin-left: 10px;
}
.mul-confirm {
	float: right;
}
.mul-cancel {
	float: right;
}
.mul-hide {
	display: none;
}
/* 表格子数据 */
.curlist-con tr td {
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
}
.curlist-con thead {
	border-bottom: 4px solid #f7f8fc;
}
.curlist-con table {
	width: 100%;
}
.curlist-con tbody tr:nth-child(2n) {
	background-color: #f7f8fc;
}
.curlist-con tbody tr:nth-child(2n+1) {
	background-color: #fff;
}
.curl-name {
	width: 238.5px;
}
.curl-type {
	widows: 102.5px;
}
.curl-pos {
	width: 128.5px;
}
.curl-dance {
	width: 94px;
}
.curl-stu {
	 width: 130px;
}
.curl-course {
	width: 96px;
}
.curl-state {
	width: 97px;
}
.curl-operation {
	
}
.curl-operation em {
	color: #4584ff;
	cursor: pointer;
}
.cou-bas {
	padding-left: 48px;
}
.cou-bas li {
	float: left;
	width: 28%;
	line-height: 22px;
	padding-right: 3%;
	margin-bottom: 17px; 
}
.cou-bas li span {
	color: #808080;
}
.course-b {
	padding-left: 48px;
}
.class-itit {
	float: left;
	line-height: 22px;
	margin-right: 10px;
}
.class-fcon {
	float: left;
}
.class-fcon div {
	width: 100%;
	height: 22px;
	margin-bottom: 15px;
}
.class-fcon span {
	color: #808080;
	line-height: 22px;
	margin-right: 5px;
}
.class-fcon em {
	line-height: 22px;
}
.class-fcon strong {
	margin-right: 22px;
}
.date-lbox {
	float: right;
	padding-top: 10px;
}
.date-lbox b {
	float: left;
	margin: 0 10px;
}
.atten-co {
	position: relative;
	height: 42px;
	/*padding-left: 30px;*/
	border-bottom: 1px solid #f2f3f8;
}
.at-nb {
	border: none;
}
.atten-box {
	position: absolute;
	left: 30px;
	bottom: -1px;
	border-bottom: 1px solid #f2f3f8;
	background-color: #fff;
}
.atten-box div, .timea-box div {
	position: relative;
	float: left;
	width: 109px;
	height: 38px;
	margin-left: 0px;
	border-left: 1px solid #fff;
	border-top: 1px solid #f7f8fc;
	border-right: 1px solid #fff;
	background-color: #f7f8fc;
	background-color: #f7f8fc;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
	color: #888890;
}
.timea-box div {
	font-size: 16px;
}
.atten-box em, .timea-box em {
	position: absolute;
	width: 109px;
	left: 0;
	bottom: -1px;
	height: 1px;
	background-color: #f2f3f8;
}
.atten-sel em {
	background-color: #fff;
}
.atten-box .atten-sel, .timea-box .atten-sel {
	background-color: #fff;
	border-left: 1px solid #f2f3f8;
	border-top: 1px solid #f2f3f8;
	border-right: 1px solid #f2f3f8;
}
.timea-box .atten-sel {
	color: #232233;
}
.timea-box {
	position: absolute;
	left: 50%;
	bottom: -1px;
	margin-left: -388.5px;
	background-color: #fff;
}
.prev-week, .next-week {
	position: absolute;
	top: 7px;
	width: 95px;
	height: 27px;
	border: 1px solid #4b466c;
	border-radius: 4px;
	text-align: center;
	line-height: 27px;
	font-size: 12px;
	color: #232233;
}
.prev-week {
	left: 16px;
}
.next-week {
	right: 16px;
}
/*.att-sel {

}*/
.cours-t {
	width: 329px;
}
.cours-pos {
	width: 215px;
}
.cours-ro {
	width: 200px;
}
.cours-stu {
	width: 423px;
}
.cou-t {
	width: 270px;
}
.cou-stu {
	width: 95px;
}
.cou-cl {
	width: 121px;
}
.cou-t {
	width: 250px;
}
.cou-m {
	width: 127.5px
}
.cou-ope span {
	color: #4584ff;
}
.week-t {
	width: 262px;
}
.week-pos {
	width: 489px;
}
.cours-gbtn {
	float: right;
}
.cours-gbtn a {
	float: left;
	width: 96px;
	height: 28px;
	border-radius: 4px;
	background-color: #4a4769;
	color: #fff;
	text-align: center;
	line-height: 28px;
	margin-left: 30px;
	font-size: 12px;
}
.curli-box .curlist-con {
	display: none;
}
.curli-box .sel-curl {
	display: block;
}
.staff-info {
	float: left;
}
.camera {
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	background-color: #f2f3f8;
}
.upl {
	position: absolute;
	bottom: -43px;
	left: 50%;
	margin-left: -65px;
	width: 130px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	background-color: #4a4769;
	color: #fff;
	cursor: pointer;
}
.bs-box {
	float: left;
	width: 461px;
	margin-left: 58px;
}
.bs-box li {
	height: 22px;
	line-height: 22px;
	margin-bottom: 16px;
	font-size: 12px;
}
.bs-box .list-box li {
	margin-bottom: 0;
}
.in-l {
	float: left;
	width: 195px;
	padding-left: 5px;
}
.in-r, .ads-info .date-ibox {
	float: right;
	width: 195px;
	padding-left: 5px;
}
.ads-info .date-ibox {
	float: left;
}
.in-a {
	float: left;
	width: 453px;
	padding-left: 5px;
}
.b-sex {
	width: 202px;
}
.group {
	float: right;
	width: 202px;
}
.ad-stu {
	padding-left: 48px;
	height: 22px;
}
.ad-stu .list-box {
	float: left;
	width: 200px;
	margin-left: 62px;
}
/* 意向学员详情 */
.inte-b {
	padding-left: 48px;
}
.inte-b .camera {
	margin: 27px 120px 0 0;
}
.inte-list {
	float: left;
	width: 622px;
}
.inte-list li {
	float: left;
	width: 45%;
	padding-right: 5%;
	line-height: 22px;
	margin-bottom: 17px; 
}
.inte-list li span {
	color: #808080;
}
.inte-list .int-a {
	width: 100%;
}
.relevant {
	width: 930px;
	margin-bottom: 10px;
}
.relevant div {
	float: left;
	width: 30%;
	padding-right: 3%;
	height: 22px;
	line-height: 22px;
}
.relevant span {
	color: #808080;
	line-height: 22px;
}
.relevant em {
	line-height: 22px;
}
.visit-box {
	padding-bottom: 23px;
	margin-bottom: 29px;
	border-bottom: 1px solid #e8e8e8;
}
.visit {
	padding: 0 48px;
}
.visit-box em {
	margin-right: 71px;
}
.visit-box div {
	margin-bottom: 10px;
}
.visit-box p {
	line-height: 22px;
}
.inten-name {
	width: 140px;
}
.inten-sex {
	width: 95px;
}
.inten-tel {
	width: 187px;
}
.inten-g {
	width: 163px;
}
.inten-age {
	width: 150px;
}
.inten-s {
	width: 124px;
}
.i-search {
	position: absolute;
	right: 50px;
	top: 0;
	border: 1px solid #edf0f5;
	width: 207px;
}
.i-search em {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 17px;
	height: 17px;
	background: url("../images/magnifier.png") no-repeat;
	background-size: 100% 100%;
}
.i-search input {
	padding-left: 25px;
	width: 182px;
	height: 20px;
	margin-right: 50px;
	border: none;
	font-size: 12px;
}
/* 弹窗 */
.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(35, 34, 51, .45);
	z-index: 100;
	display: none;
}
.mask-box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 490px;
	padding-bottom: 120px;
	border-radius: 20px;
	background-color: #fff;
	margin-top: -196.75px;
	margin-left: -245px;
	overflow: hidden;
}
.mask-head {
	background-color: #4a4769;
	position: relative;
	height: 60px;
}
.mask-head h4 {
	line-height: 60px;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
.mask-head span {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	background: url("../images/mask-close.png") no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
.mask-confirm {
	position: absolute;
	left: 50%;
	bottom: 55px;
	margin-left: -159.75px;
	width: 319.5px;
	height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	background-color: #ff5a60;
	-webkit-box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);  
  	-moz-box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);  
    box-shadow: 3px 3px 10px rgba(255, 90, 96, .3);
}
.mask-marc {
	padding: 33px 0 0 85px;
}
.mask-marc span {
	margin-right: 6px;
}
.mask-marc li {
	line-height: 22px;
	margin-bottom: 14px;
}
.mask-marc .multiselect-down li {
	margin-bottom: 0px;
	width: auto;
}
.mask-marc input {
	width: 97px;
	height: 20px;
	padding-left: 5px;
	border: 1px solid #cccdd9;
	font-size: 12px;
	line-height: 20px;
}
.mask-marc .mul-downbtn input {
	width: 160px;
	border: none;
}
.inten-text {
	width: 309px;
	height: 71px;
	max-width: 315px;
	padding: 3px;
	resize: none;
}
.pro-box {
	float: left;
	width: 384px;
	margin-left: 107px;
}
.pro-box li {
	float: left;
	width: 100%;
	margin-bottom: 17px;
}
.pro-box input {
	width: 196px;
}
.pro-box .list-box li {
	margin-bottom: 0;
}
.pro-box i {
	line-height: 22px;
	margin-left: 6px;
}
.d-recharge, .dis-time {
	width: 898px;
	padding-left: 48px;
	margin-bottom: 30px;
}
.recharge, .d-time {
	margin-bottom: 15px;
}
.re-write {
	margin-bottom: 15px;
}
.re-write span, .re-write i, .re-write em, .re-add span, .re-add i {
	line-height: 22px;
}
.re-write span {
	margin-right: 7px;
}
.re-write i {
	margin: 0 50px 0 5px;
}
.dis-time .re-write em {
	margin-left: 0;
	margin-right: 55px;
}
.dis-time .re-add b {
	float: left;
	margin: 0 7px; 
}
.discount {
	float: left;
	margin-left: 40px;
	width: 50px;
}
.re-add span {
	margin-right: 7px;
}
.re-add i {
	margin: 0 55px 0 7px;
}
.recharge em, .dis-time em {
	line-height: 22px;
	margin-left: 7px;
}
.pro-brief {
	padding-left: 5px;
	width: 193px;
	height: 46px;
	line-height: 22px;
	resize: none;
}
.discount-sub, .intention-btn {
	width: 200px;
	height: 50px;
	margin: 58px auto 0;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background-color: #4a4868;
	cursor: pointer; 
}
.pro-per {
	display: none;
}
.commod-name {
	width: 220px;
}
.commod-class {
	width: 100px;
}
.commod-type {
	width: 226px;
}
.commod-stock {
	width: 121px;
}
.commod-sale {
	width: 146px;
}
.commod-state {
	width: 70px;
}
.commo-dec {
	padding: 0 0 16px 48px;
}
.commo-dec ul {
	float: left;
	margin-left: 120px;
	width: 600px;
}
.commo-dec li {
	float: left;
	width: 45%;
	margin-bottom: 8px;
	padding-right: 5%;
}
.commo-dec li span, .commo-dec li em, .relevant li span, .relevant li em {
	line-height: 22px;
}
.commo-dec li span, .relevant span {
	color: #808080;
}
.relevant div {
	float: left;
	min-width: 310px;
	margin-right: 30px;
}
.co-discount div {
	margin-bottom: 8px;
}
.co-discount span, .co-discount em, .co-discount b, .co-discount strong, .co-discount i {
	line-height: 22px;
}
.co-discount strong {
	margin-left: 38px;
}
.co-discount i {
	margin: 0 5px;
}
.course-box .t-record {
	margin-bottom: 6px;
	border: none;
}
.cshop {
	border-bottom: 1px solid #eee;
}
.comd-t {
	width: 230px;
}
.comd-t em {
	margin-left: 13px;
}
.comd-m {
	width: 215px;
}
.comd-n {
	width: 157px;
}
.comd-p {
	width: 246px;
}
.comshop-con {
	padding-top: 31px;
}
.comshop-con dl {
	float: left;
	width: 240px;
	height: 340px;
	margin: 0 10px 10px 0;
}
.comshop-con dt img {
	display: block;
	width: 240px;
	height: 240px;
}
.comshop-con dd {
	padding: 10px 10px;
	border: 1px solid #d5d7db;
}
.comshop-con dl h4 {
	font-size: 12px;
	margin-bottom: 2px;
}
.sh-money span, .sh-money em { 
	color: #f3555b;
	font-size: 12px;
}
.sh-stock {
	float: left;
}
.sh-sold {
	float: right;
}
.sh-sold span, .sh-sold em, .sh-stock span, .sh-stock em {
	font-size: 12px;
	line-height: 22px;
}
.m-purch {
	width: 250px;
	padding-left: 9px;
	line-height: 22px;
	float: left;
}
.m-purch b {
	float: left;
	margin-right: 32px;
}
.original-cost {
	margin-left: 20px;
	opacity: 0.4;
	text-decoration:line-through;
}
.mask-marc li {
	float: left;
	width: 100%;
}
.mask-marc li span {
	float: left;
	line-height: 22px;
}
.purch-b {
	width: 317px;
	padding-bottom: 10px;
	margin-bottom: 18px;
	border-bottom: 1px solid #4a4769;
}
.mask-marc .ra-btn {
	margin: 4px 4px 0;
}
.mask-marc .purch-num {
	width: 191px;
}
.pur-o span, .pur-o b, .pur-o .ra-btn {
	margin-bottom: 4px;
}
.mask-marc .list-box li {
	margin-bottom: 0;
}
.c-nost {
	float: left;
}
.ad-stud {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -62px;
	font-size: 12px;
}
.ad-stud span {
	line-height: 22px;
	font-size: 12px;
}
.ad-stud a {
	color: #4584ff;
	line-height: 22px;
	font-size: 12px;
}
.commo-dec .sd-a {
	width: 95%;
}
.st-dein {
	width: 890px;
	padding-bottom: 10px;
}
.stu-consumption { 
	width: 890px;
}
.s-consbox {
	padding-bottom: 10px;
}
.st-dein div, .stu-consumption div {
	float: left;
	width: 30%;
	padding-right: 3%;
	margin-bottom: 4px;
}
.st-dein span, .st-dein span, .stu-consumption span, .stu-consumption em {
	line-height: 22px;
}
.stur-order span, .stur-t span, .sturt-t span {
	margin-right: 18px;
}
.stur-name {
	width: 237px;
}
.stur-tea {
	width: 104px;
}
.stur-r {
	width: 130px;
}
.stur-order {
	width: 182px;
}
.stur-t {
	width: 200px;
}
.sturt-name {
	width: 257px;
}
.sturt-num {
	width: 164px;
}
.sturt-p {
	width: 153px;
}
.sturt-ope {
	width: 206px;
}
.eva-sel .list-box {
	margin-right: 110px;
}
.eva-sel {
	padding-left: 48px;
}
.eva-con {
	overflow: hidden;
	padding: 0 48px;
}
.eva-list {
	padding: 17px 0;
	border-bottom: 1px solid #e6e6e6;
}
.eva-ofbox {
	margin-bottom: -1px;
}
.eva-list span, .eva-list em, .eva-list p {
	line-height: 24px;
	font-size: 12px;
	color: #333;
}
.eva-list p {
	line-height: 22px;
}
.eva-list em {
	margin-right: 64px;
}
.as-imgbox {
	overflow: hidden;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 0 auto;
}
.as-imgbox img {
	width: 30px;
	height: 30px;
}
.stul-head {
	width: 128px;
}
.stul-name {
	position: relative;
	width: 230px;
}
.stul-type {
	width: 183px;
}
.stul-adviser {
	width: 234px;
}
.stul-name span, .par-name span {
	line-height: 40px;
}
.stul-name div, .par-name div {
	position: absolute;
	right: 61px;
	top: 50%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	background-color: #ffacaf;
}
.par-name .ex-tip {
	right: 30px;
}
.par-name .bir-tip {
	right: 5px;
}
.stul-name em, .par-name em {
	display: none;
	position: absolute;
	top: -31px;
	left: 50%;
	width: 80px;
	height: 27.5px;
	padding-bottom: 3.5px;
	margin-left: -40px;
	line-height: 27.5px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	background: url("../images/hint.png") no-repeat;
	background-size: 100% 100%;
}
.stul-name div:hover em, .par-name div:hover em {
	display: block;
}
/* hint.png */

/* 课程周表 */
.week-box li {
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
	background-color: gray;
	color: #333;
	text-align: center;
	margin-right: 8px;
}
.week-box .sel-day {
	background-color: #fff;
	color: #000;
}
.timeta-name {
	width: 239px;
}
.timeta-type {
	width: 163px;
}
.timeta-tea {
	width: 122px;
}
.timeta-time {
	width: 113px;
}
.timeta-class {
	width: 150px;
}
.tea-head {
	width: 130px;
}
.tea-name {
	width: 180px;
}
.tea-sex {
	width: 133px;
}
.tea-obj {
	width: 178px;
}
.tea-t {
	width: 141px;
}
.tstu-name {
	width: 160px;
}
.tstu-cl {
	width: 149px;
}
.tstu-cons {
	width: 200px;
}
.tstu-type {
	width: 163px;
}
.tstu-last {
	width: 193px;
}
.tut-list {
	padding: 20px 35px 50px;
	background-color: #fff;
}
.tut-ld {
	margin-bottom: 30px;
}
.tut-list h3 {
	line-height: 20px;
	padding: 10px 0 19px 20px;
	font-size: 16px;
}
.trec-time {
	width: 169px;
}
.trec-wages {
	width: 172px;
}
.trec-com {
	width: 173px;
}
.trec-go {
	width: 183px;
}
.trec-pri {
	width: 172px;
}
#weekBox table {
	display: none;
}
.commo-dec .st-al {
	width: 100%;
}
.co-discount {
	width: 500px;
}
.showdis span {
	float: left;
}
.co-discount .showdis {
	width: 34px;
}
.co-discount div{
	float: left;
	width: 400px;
}
.ad-stu .ed-s {
	margin-left: 0px;
}
.master-name {
	width: 259px;
}
.master-type {
	width: 231px;
}
.master-time {
	width: 185px;
}
.master-class {
	width: 240px;
}
.date_selector .nav span {
	float: none;
}
.schedule .date-input {
	width: 191px;
}
.sched-time input {
	width: 50px;
	margin-right: 5px;
}
.sched-time em {
	margin-right: 10px;
}
.has-been {
	padding-left: 65px;
	box-sizing: border-box;
}
.has-been div {
	float: left;
	width: 100%;
}
.has-been em, .has-been span, .has-been i {
	color: #ff5a60;
	float: left;
	line-height: 22px;
	margin-right: 3px;
}
.schedule b {
	display: none;
	float: left;
	color: #ff5a60;
	margin-left: 5px;
	line-height: 22px;
	font-size: 12px;
}
.has-been i {
	margin: 0 5px;
}
.par-head {
	width: 140px;
}
.par-name {
	width: 162px;
	position: relative;
}
.par-type {
	width: 173px;
}
.par-age {
	width: 183px;
}
.par-cons {
	width: 183px;
}
.ad-stu .ed-s {
	margin-left: 0px;
}
.purch-b .mul-downbtn {
	border: 1px solid #cccdd9;
}
.n-intention {
	display: none;
}
